<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <meta name="product" content="Metro UI CSS Framework">
    <meta name="author" content="Sergey S. Pimenov, Ukraine, Kiev">
    <meta name="description" content="Simple responsive css framework">
    <meta name="keywords" content="Metro, ui, responsive, css, framework, library">
	    
	<link rel="stylesheet" href="css/metro-bootstrap.css">
	<link rel="stylesheet" href="css/costum.css">
	
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.widget.min.js"></script>	
	<script src="js/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
	
	<script>
		//SLIDESHOW
		$(function() {
		$('#carousel > div').carouFredSel({
			width: '100%',
			height: 450,
			align: false,
			auto: false,
			prev: '#prev',
			next: '#next',
			scroll: {
				easing: 'quadratic'
			},
			items: {
				visible: 1,
				width: 'variable',
				height: 450
			}
		});
	});
	
		//FONT RESIZING
		$(document).ready(function(){
		  // Reset Font Size
		  var originalFontSize = $('html').css('font-size');
			$(".resetFont").click(function(){
			$('html').css('font-size', originalFontSize);
		  });
		  // Increase Font Size
		  $(".increaseFont").click(function(){
			var currentFontSize = $('html').css('font-size');
			var currentFontSizeNum = parseFloat(currentFontSize, 10);
			var newFontSize = currentFontSizeNum*1.2;
			$('html').css('font-size', newFontSize);
			return false;
		  });
		  // Decrease Font Size
		  $(".decreaseFont").click(function(){
			var currentFontSize = $('html').css('font-size');
			var currentFontSizeNum = parseFloat(currentFontSize, 10);
			var newFontSize = currentFontSizeNum*0.8;
			$('html').css('font-size', newFontSize);
			return false;
		  });
		});

  </script>

<title>ELX System</title>
</head>
<body class="metro">

    <div class="grid container fluid">
        <div class="row">
            <div class="span8 bg-white">
                <div class="padding20">
					<nav class="horizontal-menu">
							<li><a href="http://priawadi.blogspot.com">Home</a></li>
							<li><a href="http://priawadi.blogspot.com">FAQ</a></li>
							<li><a href="http://priawadi.blogspot.com">Feedback</a></li>
							<li><a href="http://priawadi.blogspot.com">Contact Us</a></li>
							<h2><strong>ELECTRONIC LABOR EXCHANGE</strong><h2>
							<img src="images\logoMoha.png" class="span6">
					</nav>						        
                </div>
            </div>
			
            <div class="span4">
                <div class="row">
				<button class="success span4 offset3">EMPLOYER</button>
				<button>JOBSEEKER</button><br/>
				<!-- 
                       <div class="tab-control" data-role="tab-control">
							<ul class="tabs">
								<li class="active"><a href="#_page_1">EMPLOYER</a></li>
								<li><a href="#_page_2">JOBSEEKER</a></li>
							</ul>						 
						</div>
				-->		
				<small>Welcome <strong><a href="">Employer88</a></strong></small>,
				<small><button class="button warning mini"><span class="icon-user-2"></span>     Login</button></small>
				<small><button class="button warning mini"><span class="icon-user-3"></span>     Register</button></small>
				<br/>
				<small class="offset6"><a href="">Forgot Password</a></small>
				<img src="images\logoBrunei.png" class="span4 offset7"><br/><br/>
				</div>
			
								<!-- Text Resizing -->
						<div id="changeFont">
							<strong><a href="#" class="increaseFont">A+</a></strong>
							<strong><a href="#" class="resetFont">A</a></strong>
							<strong><a href="#" class="decreaseFont">A-</a></strong>
						</div>
			
						<div class="search">
							<form>
								<div class="input-control text">
								<a href=""><img src="images\search.png"></a>
									<input type="text" class="span10" placeholder="Search...">
								</div>
							</form>
						</div>
               
				
            </div>			
		</div>
			
			<!-- Menu -->
			<div class="row">
				<ul id="menu">
					<li id="postjob"><a href=""></a></li>
					<li id="posttrain"><a href=""></a></li>
					<li id="emevents"><a href=""></a></li>
					<li id="emgal"><a href=""></a></li>
					<li id="emchat"><a href=""></a></li>
				</ul>
			</div>
		
		<!-- SLIDESHOW CAROUSEL-->
		<div class="row">
		<div class="span4">
			<div id="text"><br/>
				<h2 class="text-success">LOOKING <br/>
				FOR NEW JOB?</h2>
				<p>Just register and come to Ministry of Home Affairs for validation. After that, you can find and apply a Job available in ELX system</p>				
			</div>
		</div>
				
		<div class="span8">
			<div id="navi" class="row">
				<a id="prev" href="#">&lsaquo;</a>
				<a id="next" href="#">&rsaquo;</a>
			</div>
			
			<div class="row" id="carousel">
				<div>
					<img src="images/grozny1.jpg" alt="grozny1" width="600" height="300" />
					<img src="images/grozny2.jpg" alt="grozny2" width="350" height="300" />
					<img src="images/grozny3.jpg" alt="grozny3" width="600" height="300" />
					<img src="images/grozny4.jpg" alt="grozny4" width="350" height="300" />
				</div>
			</div>
		</div>	
		</div>
		
	<div id="content">
			
				<div class="row">
				
					<div class="span4">
						<h3><a class="fg-orange"><strong>/NEWS</strong></h4>
						<div class="span12 bg-orange"> </div>
						<div class="row">
							<small><strong><a href="" class="text-warning">MAJLIS MEMBACA RATIB AL-ATTAS DIDAHULUI SEMBAHYANG FARDHU MAGHRIB BERJEMAAH DAN SEMBAHYANG SUNAT HAJAT BERJEMAAH SEMPENA HARI KEPUTERAAN</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
							</p>
							<div class="read-more"></div>
							<div class="right"><button class="warning">More...</button></div>
						</div>
						<div class="row">
							<small><strong><a href="" class="text-warning">MAJLIS MEMBACA RATIB AL-ATTAS DIDAHULUI SEMBAHYANG FARDHU MAGHRIB BERJEMAAH DAN SEMBAHYANG SUNAT HAJAT BERJEMAAH SEMPENA HARI KEPUTERAAN</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
							</p>
							<div class="read-more"></div>
							<div class="right"><button class="warning">More...</button></div>
						</div>
						<div class="row">
							<small><strong><a href="" class="text-warning">MAJLIS MEMBACA RATIB AL-ATTAS DIDAHULUI SEMBAHYANG FARDHU MAGHRIB BERJEMAAH DAN SEMBAHYANG SUNAT HAJAT BERJEMAAH SEMPENA HARI KEPUTERAAN</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
							</p>
							<div class="read-more"></div>
							<div class="right"><button class="warning">More...</button></div>
							
							<a href="" class="view-all">> VIEW ALL</a>
						</div>
					</div>
					
					<div class="span4">
						<h3><a class="fg-green"><strong>/VACANCY</strong></h3>
						<div class="span12 bg-green"> </div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
						<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
						<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
						<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
						<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							<a href="" class="view-all green">> VIEW ALL</a>
							</div>
						</div>
					</div>
					
					<div class="span4">
						<h3><a class="fg-orange"><strong>/TRAINING</strong></h3>
						<div class="span12 bg-orange"> </div>
						<div class="row">
							<div class="span4">
							<button class="shortcut warning">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-warning">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut warning">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-warning">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut warning">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-warning">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut warning">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-warning">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut warning">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-warning">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							<a href="" class="view-all">> VIEW ALL</a>
							</div>
						</div>
					</div>					
				</div>
				<div class="row">
					<div class="span4">
						<h3><a class="fg-green"><strong>/UPCOMING EVENTS</strong></h3>
						<div class="span12 bg-green"> </div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							</div>
						</div>
						<div class="row">
							<div class="span4">
							<button class="shortcut success">
								<i class="icon-rocket fg-white"></i>
								ROCKET
							</button>
							</div>
							<div class="span8">
							<small><strong><a href="" class="text-success">PYTHON DEVELOPER</a></strong></small>
							<p class="tertiary-text-secondary">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
							</p>
							</div>
							<div class="row">
							<div class="right"><a class="read-more2" href="">Read More...</a></div>
							<div class="line"></div>
							<a href="" class="view-all green">> VIEW ALL</a>
							</div>
						</div>
					</div>
					
					<div class="span4"> 
					
					<h3><a class="fg-olive"><strong>/BUSSINESS PARTNERS</strong></h3>
							<div class="span12 bg-olive"> </div>
							<br>
							<img src="images\business_partners.png">
							<img src="images\business_partners.png">
							<img src="images\business_partners.png">
							<img src="images\business_partners.png">
					</div>
					<div class="span4">
						<h3><a class="fg-orange"><strong>/TRAINING</strong></h3>
						<div class="span12 bg-orange"> </div></a>
						<div class="row">
								<address><small>
								Labour Department,<br>
								Ministry of Home Affairs, 5th Floor,<br>
								Jalan Menteri Besar, Bandar Seri Begawan BS3910,<br>
								Brunei Darussalam
								</small></address>
								
								<iframe src="https://www.google.com/maps/embed?pb=!1m5!3m3!1m2!1s0x32228ad25f4bd947%3A0x72e1a42ec2610c41!2sMinistry+of+Home+Affairs%2C+Jalan+James+Pearce%2C+Bandar+Seri+Begawan+BS8610%2C+Brunei!5e0!3m2!1sen!2s!4v1385706787556" width="300" height="225" frameborder="0" style="border:0"></iframe>
								
								<h3><a class="fg-magenta"><strong>/VISITOR COUNTER</strong></h3>
								<div class="span12 bg-magenta"> </div>
								<img src="images\hitcounter.png" class="span6">
					
						</div>
					</div>				
			</div>
</div>
					
					
	<div class="row">		
    <div class="bg-dark">
        <div class="container">
			<div class="grid no-margin">
				<div class="row no-margin pad30">					
						<div class="span3">
						<img src="images\job_post.png">
						<a href="" class="bottom">Find a Job</a><br>
						<a href="" class="bottom">Search Vacancy</a><br>
						<a href="" class="bottom">Latest Jobs</a>
						</div>
						<div class="span3">
						<img src="images\job_seekers.png">						
						<a href="" class="bottom">Register Job Seeker</a><br>
						<a href="" class="bottom">Job Seeker Login</a><br>
						</div>
						<div class="span3">
						<img src="images\employers.png">
						<a href="" class="bottom">Register an Employer</a><br>
						<a href="" class="bottom">Search Employers</a><br>
						<a href="" class="bottom">Employer Login</a>
						</div>
							
				</div>
			</div>
        </div>
    </div>
	</div>
	</div>
	
	<div id="footer" class="row">
    Copyright © 2013 ELX. All Rights Reserved
	</div>
    
	</body>
</html>